<template>
  <div class="edit">
    <!-- 导航条 -->
    <van-nav-bar
      left-arrow
      @click-left="$router.back()"
      title="编辑资料"
    ></van-nav-bar>

    <!-- 头像部分 -->
    <div class="avatar">
      <van-image fit="cover" round src="https://img.yzcdn.cn/vant/cat.jpeg" />
    </div>

    <!-- 信息展示 -->
    <van-cell-group>
      <van-cell is-link title="名称" value="昵称" />
      <van-cell is-link title="性别" value="女" />
      <van-cell is-link title="生日" value="2020-01-01" />
    </van-cell-group>
  </div>
</template>

<script>
export default {
  name: 'Edit'
}
</script>

<style lang="less" scoped>
.avatar {
  padding: 20px 0;
  text-align: center;
  .van-image {
    width: 120px;
    height: 120px;
  }
}
</style>
